<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style_6.1_6.2.css">
    <title>Заповедь</title>
</head>
<body>
    <!-- Создаем меню сайта -->
    <!-- Меню рекомендуется создавать списком -->
    <ul class="menu">
        <li class="menu__item">
            <a class="menu__link menu__link__first" href="#">
                Главная
            </a>
        </li>
        <li class="menu__item">
            <a class="menu__link" href="#">
                Новости
            </a>
        </li>
        <li class="menu__item">
            <a class="menu__link" href="#">
                О нас
            </a>
        </li>
        <li class="menu__item">
            <a class="menu__link" href="#">
                Контакты
            </a>
        </li>
    </ul>
    <h1>
        Занятие 6.1 и 6.2
    </h1>
    <p>
        <!-- <p> Это абзацы - параграфы -->
        Владей собой среди толпы смятенной, <br>
        Тебя клянущей за смятенье всех, <br>
        Верь сам в себя, наперекор вселенной, <br>
        И маловерным отпусти их грех; <br>
        Пусть час не пробил - жди, не уставая, <br>
        Пусть лгут лжецы - не снисходи до них; <br>
        Умей прощать и не кажись, прощая, <br>
        Великодушней и мудрей других. <br>
        <!-- <br> Это перенос на новую строку -->
    </p>
    <p>
        <!-- <p> Это абзацы - параграфы -->
        Владей собой среди толпы смятенной, <br>
        Тебя клянущей за смятенье всех, <br>
        Верь сам в себя, наперекор вселенной, <br>
        И маловерным отпусти их грех; <br>
        Пусть час не пробил - жди, не уставая, <br>
        Пусть лгут лжецы - не снисходи до них; <br>
        Умей прощать и не кажись, прощая, <br>
        Великодушней и мудрей других. <br>
        <!-- <br> Это перенос на новую строку -->
    </p>
    <p>
        Я жил в следующих штатах (перечисляю согласно времени проживания):
        <!-- упорядоченный список  -->
        <ol>
            <li>Воронеж</li>
            <li>Москва</li>
            <li>Казань</li>
        </ol>
    </p>
    <p>
        Я жил в следующих штатах (перечисляю согласно времени проживания):
        <!-- неупорядоченный список -->
        <ul>
            <li>Воронеж</li>
            <li>Москва</li>
            <li>Казань</li>
        </ul>
    </p>
    <!-- вставляем картинку или видео с аннотацией к ней -->
    <figure>
        <img src="images/girl.jpeg" alt="Девочка с персиками. Серов А.В.">
        <!-- src атрибут адреса ресурса (картинки) -->
        <!-- alt атрибут альтернативного текста к ресурсу (картинке) -->
        <figcaption>Девочка с персиками. Серов А.В.</figcaption>
        <!-- figcaption атрибут аннотации (подписи) к ресурсу (картинке) -->
    </figure>
    <!-- Обтекаем рисунок этим текстом. см. свойство float в style.css -->
    <p>
        Владей собой среди толпы смятенной, <br>
        Тебя клянущей за смятенье всех, <br>
        Верь сам в себя, наперекор вселенной, <br>
        И маловерным отпусти их грех; <br>
        Пусть час не пробил - жди, не уставая, <br>
        Пусть лгут лжецы - не снисходи до них; <br>
        Умей прощать и не кажись, прощая, <br>
        Великодушней и мудрей других. <br>
        ладей собой среди толпы смятенной, <br>
        Тебя клянущей за смятенье всех, <br>
        Верь сам в себя, наперекор вселенной, <br>
        И маловерным отпусти их грех; <br>
        Пусть час не пробил - жди, не уставая, <br>
        Пусть лгут лжецы - не снисходи до них; <br>
        Умей прощать и не кажись, прощая, <br>
        Великодушней и мудрей других. <br>
        <span>
            Владей собой среди толпы смятенной,
            Тебя клянущей за смятенье всех,
            Верь сам в себя, наперекор вселенной, 
            И маловерным отпусти их грех; 
            Пусть час не пробил - жди, не уставая,
            Пусть лгут лжецы - не снисходи до них; 
            Умей прощать и не кажись, прощая, 
            Великодушней и мудрей других.
        </span>
    </p>
    
</body>
</html>